<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>团购APP产品详情页</title>
	<meta name="viewport" content="width=750,maximum-scale=1.0,user-scalable=no">
	<link rel="stylesheet" href="css/public.css">
	<link rel="stylesheet" href="css/mine.css">
	<script type="text/javascript">
		(function (doc, win) {
		    var docEl = doc.documentElement,
		        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
		        recalc = function () {
		            var clientWidth = docEl.clientWidth;
		            if (!clientWidth) return;
		            if (clientWidth>=720) {
		            	 // docEl.style.fontSize ='100px';
		            }else{
		            	docEl.style.fontSize = 100 * (clientWidth / 720) + 'px';
		            } 
		        };
		    // Abort if browser does not support addEventListener
		    if (!doc.addEventListener) return;
		    win.addEventListener(resizeEvt, recalc, false);
		    doc.addEventListener('DOMContentLoaded', recalc, false);
		})(document, window);
	</script>
</head>
<body>
	<div class="content">
		<header class="header">
			<button>back</button>
			<p class="text">我的</p>
			<img src="./images/mine_info.png" alt="">
			<div class="num">2</div>
			<div class="clear"></div>
		</header>
		<div class="photo">
			<ul>
				<li>
					<img src="./images/mine_photo.png" alt="">
				</li>
				<li>
					<a href="login.html">点击登陆</a>
					<a href="">常居地未设置</a>
				</li>
				<li>
					<a href="information.html">></a>
				</li>
			</ul>
			<div class="clear"></div>
		</div>
		<div class="mine">
			<ul>
				<li>
					<img src="./images/mine_yun.png" alt=""><br />
					<a href="">我的点评</a>
				</li>
				<li>
					<img src="./images/mine_star.png" alt=""><br />
					<a href="">我的收藏</a>
				</li>
				<li>
					<img src="./images/mine_4.png" alt=""><br />
					<a href="">我的优惠劵</a>
				</li>
			</ul>
			<div class="clear"></div>
		</div>
		<article class="coupon">
			
			<div class="delicious">
				<h1>
					<img class="img-flon" src="./images/mine_icon_1.png" alt="" class="star">
					<span>我的钱包 </span>
						<p class="more" style="float: right;">
							<a href="./case.html">
								更多
						<img src="./images/index_icon_1.png" alt="" class="icon_1">
							</a>
						</p>
				</h1>
			</div>
			<div class="clear"></div>
		</article>
		<article class="coupon">
			
			<div class="delicious">
				<h1>
					<img class="img-flon" src="./images/mine_icon_2.png" alt="" class="star">
					<span>待点评 </span>
						<p class="more" style="float: right;">
							<a href="./case.html">
								更多
						<img src="./images/index_icon_1.png" alt="" class="icon_1">
							</a>
						</p>
				</h1>
			</div>
			<div class="clear"></div>
		</article>
		<article class="coupon">
			<div class="delicious">
				<h1>
					<img class="img-flon" src="./images/mine_icon_3.png" alt="" class="star">
					<span>找好友 </span>
						<p class="more" style="float: right;">
							<a href="./case.html">
								更多
						<img  src="./images/index_icon_1.png" alt="" class="icon_1">
							</a>
						</p>
				</h1>
			</div>
			<div class="clear"></div>
		</article>
		<article class="coupon">
			<div class="delicious">
				<h1>
					<img class="img-flon" src="./images/mine_icon_4.png" alt="" class="star">
					<span>我的足迹 </span>
						<p class="more" style="float: right;">
							<a href="./case.html">
								更多
						<img src="./images/index_icon_1.png" alt="" class="icon_1">
							</a>
						</p>
				</h1>
			</div>
			<div class="clear"></div>
		</article>
		<article class="coupon">
			<div class="delicious">
				<h1>
					<img class="img-flon" src="./images/mine_icon_5.png" alt="" class="star">
					<span>设置 </span>
						<p class="more" style="float: right;">
							<a href="./case.html">
								更多
						<img src="./images/index_icon_1.png" alt="" class="icon_1">
							</a>
						</p>
				</h1>
			</div>
			<div class="clear"></div>
		</article>
		<article class="coupon">
			<div class="delicious">
				<h1>
					<img class="img-flon" src="./images/mine_icon_1.png" alt="" class="star">
					<span>联系 </span>
						<p class="more" style="float: right;">
							<a href="./case.html">
								更多
						<img src="./images/index_icon_1.png" alt="" class="icon_1">
							</a>
						</p>
				</h1>
			</div>
			<div class="clear"></div>
		</article>
		<div class="button">
			<button>退出</button>
			<button>注销</button>
			<div class="clear"></div>
		</div>
		<div class="footer"></div>
		<nav>
			<a href="./index.html">
				<img src="./images/index_icon_2.png" alt="">
				首页
			</a>
			<a href="./classify.html">
				<img src="./images/index_icon_3.png" alt="">
				分类
			</a>
			<a href="./discover.html">
				<img src="./images/index_icon_4.png" alt="">
				发现
			</a>
			<a href="./mine.html">
				<img src="./images/index_icon_5.png" alt="">
				我的
			</a>
		</nav>
	</div>
</body>
</html>